@import '../../style/mixin.scss';

.wallet {
    padding-top: 96px;

    .wallet-main {
        background-color: #fff;
        padding         : 25px;
    }

    .wallet-item {
        padding      : 10px 30px;
        border-bottom: 1px solid #eee;
    }

    .wallet-item-left {
        @include flex(flex-start);

        img {
            margin-right: 20px;
            width       : 50px;
            height      : 50px;
        }
    }

    .wallet-balance {
        @include flex(center, flex-start);
        flex-direction: column;

        h3 {
            @include font(18px, #0a0a0a);
            margin-bottom: 0;
            font-weight  : 600;
        }

        p {
            @include font(14px, #808080);
            margin-bottom: 0;
        }

        big {
            font-weight: 600;
        }
    }

    .wallet-btn {
        @include flex(center, flex-end);
        flex-direction: column;

        button {
            margin: 5px 0;
            width : 100px;
        }

    }

    .wallet-record {
        @include flex(center, flex-end);
        flex-direction: column;

        a {
            @include font(14px, #808080);
            margin: 10px 0;
        }
    }

}

.wallet-qr {
    background-color: #eee;
    margin-top      : 20px;
    padding         : 30px;
}

.wallet-address {
    padding      : 20px 0 18px;
    border-bottom: 1px solid #eee;
}

.wallet-tip {
    @include flex(center, flex-start);
    flex-direction: column;
    padding-top: 20px;

    h3 {
        @include font(20px, #808080);
    }

    p {
        @include font(14px, #808080);
        margin-bottom: 5px;
    }
}